@charset "UTF-8";

@import './_reset';
@function r($px){
	@return $px / 50px * 1rem
}
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.web{
	width: 100%;
	height: 100%;
	position: relative;
	input{
		position: absolute;
		top: r(10px);
		right: r(10px);
		z-index: 999;
	}
	input:checked + .search_web{
		transform: translateX(0);
		// z-index: 999;
	}
	.search_logo img{
		position: absolute;
		top: r(29px);
		right: r(15px);
		width: r(42px);
		height: r(42px);
		z-index: 999;
		// 	margin-top: r(20px);
		// 	margin-right: r(15px);
	}
	}

.header_content{
	width: 100%;
	height: r(89px);
	background-color: #b20000;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	.left_logo{
		margin-left: r(23px);
		margin-top: r(32px);
		width: r(23px);
		height: r(29px);
		// background-color: blue;
		img{
			width: 100%;
			height: 100%;
		}
		
	}
	.middle_logo{
		display: inline-block;
		width: r(264px);
		height: r(40px);
		margin-top: r(23px);
		img{
			width: 100%;
			height: 100%;
		}
	}
	}
	.search_logo{
		width: r(42px);
		height: r(42px);
		margin-top: r(30px);
		margin-right: r(15px);
		z-index: 999;

		img{
			width: 100%;
			height: 100%;
			// z-index: 999;
		}
		

		.search_web{
			width: 100%;
			height: r(1136px);
			background-color: rgba(0,0,0,.3);
			position: absolute;
			top: r(0px);
			left: r(0px);
			transform: translateX(100%);
			transition: all .3s;
			.line1{
				.right{
					position: relative;
				.icon-fangdajing{
					font-size: r(50px);
					position: absolute;
					top: r(3px);
					left: r(5px);
				}
				.searchbox{
					width: r(400px);
					height: r(60px);
					border: 1px solid #FFFFFF;
					border-radius: r(30px);
				}
				}
			}
		}

		
	}
	.footer_content li{
		width: 20%;
		float: left;
		text-align: center;
		// line-height: r(96px);
		.iconfont{
			font-size: r(56px);
		}
		p{
			font-size: 12px;
		}
		a{
			text-decoration: none;
		}
	}
.section_content{
	width: 100%;
	height:r(951px);
	background-color: #FFFFFF;
	overflow: auto;
	padding: r(89px) 0;

}
.footer_content{
	width: 100%;
	height: r(96px);
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	bottom: 0;
}
.lunbo{
	width: 100%;
	height: r(306px);
	img{
		width: 100%;
		height: r(309px);
	}
}
.line_cjk{
	width: r(583px);
	height: r(117px);
	background-color:#ffffff;
	margin: 0 auto;
	margin-top: r(30px);
	margin-bottom: r(38px);
	.left{
		float: left;
		height: 100%;
		div{
			font-family: "微软雅黑";
			font-size: r(24px);
			}
		ul li{
			margin-top: r(20px);
			font-size: r(20px);
			color: #d5d5d5;
			&:nth-child(2){
				margin-left: r(70px);
			}
		}
		// .iconfont{
		// 	font-size: 10px;
		// }
		
	}
	.right{
		float: right;
		width: r(209px);
		height: 100%;
		img{
			width: r(209px);
			height: 100%;
		}
	}
}
.div{
	width: 100%;
	height: r(28px);
	background-color: #f5f5f5;
}
.czg_sanlie{
	width: r(584px);
	height: r(282px);
	background-color: #FFFFFF;
	margin: 0 auto;
	.title{
		font-size: r(24.86px);
		margin-top: r(30px);
		margin-bottom: r(18px);
	}
	.pic li{
		width: r(185px);
		height: r(123px);
		float: left;
		img{
			width: 100%;
			height: 100%;
		}
	}
	.pic li:nth-child(1){
		margin-right: r(14px);
	}
	.pic li:nth-child(2){
		margin-right: r(14px);
	}
	.czg_sanlie_foot{
		margin-top: r(14px);
		color: #e5e5e5;
	}
	.left li{
		float: left;
	}
	.left{
		li:nth-child(2){
			font-size: r(19.53px);
			margin-right: r(17px);
		}
		li:nth-child(3){
			font-size: r(15.58px);
			margin-right: r(17px);
		}
		li:nth-child(4){
			font-size: r(15.98px);
		}
	}
	.right li{
		float: left;
	}
	.right{
		li:nth-child(1){
		font-size: r(19.53px);}
		li:nth-child(2){
			font-size: r(21.53px);
		}
	}
}

.line_newcjk{
	width: r(583px);
	height: r(117px);
	background-color:#ffffff;
	margin: 0 auto;
	margin-bottom: r(38px);
	.left{
		float: left;
		height: 100%;
		div{
			font-family: "微软雅黑";
			font-size: r(24px);
			}
		ul li{
			margin-top: r(20px);
			font-size: r(20px);
			color: #d5d5d5;
			&:nth-child(2){
				margin-left: r(56px);
			}
		}
		// .iconfont{
		// 	font-size: 10px;
		// }
		
	}
	.right{
		float: right;
		width: r(209px);
		height: 100%;
		img{
			width: r(209px);
			height: 100%;
		}
	}
}

.czg_sanlie2{
	width: r(584px);
	height: r(282px);
	background-color: #FFFFFF;
	margin: 0 auto;
	.title{
		font-size: r(24.86px);
		margin-top: r(30px);
		margin-bottom: r(18px);
	}
	.pic li{
		width: r(185px);
		height: r(123px);
		float: left;
		img{
			width: 100%;
			height: 100%;
		}
	}
	.pic li:nth-child(1){
		margin-right: r(14px);
	}
	.pic li:nth-child(2){
		margin-right: r(14px);
	}
	.czg_sanlie_foot{
		margin-top: r(14px);
		color: #e5e5e5;
	}
	.left li{
		float: left;
	}
	.left{
		li:nth-child(2){
			font-size: r(19.53px);
			margin-right: r(17px);
		}
		li:nth-child(3){
			font-size: r(15.58px);
			margin-right: r(17px);
		}
		li:nth-child(4){
			font-size: r(15.98px);
		}
	}
	.right li{
		float: left;
	}
	.right{
		li:nth-child(1){
		font-size: r(19.53px);}
		li:nth-child(2){
			font-size: r(21.53px);
		}
	}
}

.line_cjk3{
	width: r(583px);
	height: r(117px);
	background-color:#ffffff;
	margin: 0 auto;
	margin-bottom: r(38px);
	.left{
		float: left;
		height: 100%;
		div{
			font-family: "微软雅黑";
			font-size: r(24px);
			}
		ul li{
			margin-top: r(20px);
			font-size: r(20px);
			color: #d5d5d5;
			&:nth-child(2){
				margin-left: r(56px);
			}
		}
		// .iconfont{
		// 	font-size: 10px;
		// }
		
	}
	.right{
		float: right;
		width: r(209px);
		height: 100%;
		img{
			width: r(209px);
			height: 100%;
		}
	}
}
.loadmore{
	width: r(582px);
	height: r(59px);
	line-height: r(59px);
	text-align: center;
	font-size: r(22px);
	color: #cecece;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.youbian{
	position: absolute;
	top: r(5px);
	// right: r(5px);
	input{
		position: fixed;
		top: r(0px);
		right: r(0px);
	}
	.youbian_web{
		width: r(640px);
		height: 100vh;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: red;
		transform: translateX(100%);
		transition: all .3s;

	}
	input:checked + .youbian_web{
		transform: translateX(0);

	}
}
